<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="https://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script>
    <script type="text/javascript">
        var sportUrl = ".";
        var jsVersion = 0.01;
        document.writeln('<link rel=\"stylesheet\" href=\"' + sportUrl + '/css/sport.css?v=' + jsVersion + '\">');
        document.writeln('<link rel=\"stylesheet\" href=\"' + sportUrl + '/css/style.css?v=' + jsVersion + '\">');
        document.writeln('<script src=\"' + sportUrl + '/js/slider.js?v=' + jsVersion + '\" type=\"text/javascript\"><\/script>');
    </script>
    
    <div id="pk-banner">
        <div id="pk_carouseltop"></div>
        <div id="pk-carousel">
            <!--<img src="<{.SportsUrl}>/img/f1.png" data-url="#">-->
            <div class="img">
                <h1>xxx</h1>
                <p>
                    abce
                    nfyc
                </p>
            </div>
            <div class="img">
                <h1>xxx</h1>
                <p>
                    abce
                    nfyc
                </p>
            </div>
            <div class="img">
                <h1>xxx</h1>
                <p>
                    abce
                    nfyc
                </p>
            </div>
            <div class="img">
                <h1>xxx</h1>
                <p>
                    abce
                    nfyc
                </p>
            </div>
        </div>
        <div id="pk_playground">
            <img src="./img/playgound.png" alt="">
        </div>
    </div>
    
    <script>
        var jsVersion = 0.01;
        document.writeln('<script src=\"./js/sport.js?v=' + jsVersion + '\" type=\"text/javascript\"><\/script>');

    </script>

</body>
</html>




